<template>
 	<view class="all">
 		<view class="green">
 			
 			<view class="top">
 				<view class="zuo">
 					<view><image class="a" src='../../../static/touxiang.jpg'></image></view>
 					<view class="name">
 						<b><text style="color: #12754F; font-size: large; ">晋新</text></b><br>
 						<navigator url="/pages/tea-duan/mine/shezhi/account">
 							<text style="color: #999999; font-size: small;">完善个人信息</text>
 						</navigator>
 					</view>
 				</view>
 				<view><navigator url="/pages/tea-duan/mine/shezhi/account"><image class="b" src="../../../static/youjiantou.png"></image></navigator></view>
 			</view>
 		</view>
 		<view class="xia">
 			<view class="card">
				
				<image class="ic" src="../../../static/guanliyuan.png"></image>
 				<navigator url="./shezhi/myClasses"><text style="color: #101010; font-size: larger;" >我的班级</text></navigator>
 				<navigator url="./shezhi/myClasses"><image class="jian" src="../../../static/youjiantou.png"></image></navigator>
 			</view>
 			
 			
 			<view class="card">
 				<image class="ic" src="../../../static/w_xie.png"></image>
				<navigator url="./shezhi/beiWangLu"><text style="color: #101010; font-size: larger;" >备忘录</text></navigator>
 				<navigator url="./shezhi/beiWangLu">
 					<image class="jian" src="../../../static/youjiantou.png"></image>
 				</navigator>
 			</view>
 			
 			<view class="card">
 				<image class="ic" src="../../../static/shezhi.png"></image>
				<navigator url="./shezhi/setUp"><text style="color: #101010; font-size: larger;" >设置</text></navigator>
 				<navigator url="./shezhi/setUp">
 					<image class="jian" src="../../../static/youjiantou.png"></image>
 				</navigator>
 			</view>
 		</view>
		
		<view class="tabbar" >
			<view class="one" @click="toNews">
				<image src="../../../static/newshui.png" class="ima"></image>
				<text class="te">消息</text>
			</view>
			<view class="one" @click="toExam">
				<image src="../../../static/examhui.png" class="ima"></image>
				<text class="te">考试</text>
			</view>
			<view class="one" @click="toMy">
				<image src="../../../static/taiyang.png" class="ima"></image>
				<text class="te">我</text>
			</view>	
		</view>
 	</view>
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
 				
 			}
 		},
 		methods: {
 			toNews(){
 				uni.redirectTo({
 					url:'/pages/tea-duan/news/news'
 				})
 			},
 			toExam(){
 				uni.redirectTo({
 					url:'/pages/tea-duan/exam/exam'
 				})
 			},
 			toMy(){
 				uni.redirectTo({
 					url:'/pages/tea-duan/mine/mine'
 				})
 			},
 		}
 	}
 </script>
 
 <style>
 	.all{
 		height: calc(95vh - 50rpx);
 		background-color: #EFEFF4;
 	}
 	.green{
 		height: 300rpx;
 		width: 100%;
 		background-color: #12754F;
 		border-radius: 0rpx 0rpx 40rpx 40rpx;
 		z-index: -2rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: center;
 	}
 	.top{
 		width: 90%;
 		height: 200rpx;
 		background-color: #FFFFFF;
 		position: relative;
 		top: 200rpx;
 		border-radius: 20rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-around;
 		align-items: center;
 		
 		z-index: 3rpx;
 	}
 	.zuo{
 		height: 60%;
 		width: 60%;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
 		
 	}
 	.a{
 		height: 130rpx;
 		width: 130rpx;
 		border-radius: 50rpx;
 	}
 	.b{
 		height: 50rpx;
 		width: 50rpx;
 	}
 	.name{
 		height: 100%;
 		width: 50%;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-around;
 		
 	}
 	.ic{
 		height: 93rpx;
 		width: 93rpx;
 	}
 	.jian{
 		height: 80rpx;
 		width: 80rpx;
 	}
 	.xia{
 		/* height: 55%; */
 		width: 100%;
 		position: absolute;
 		top: 500rpx;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-around;
 		align-items: center;
 	}
 	.card{
 		height:130rpx ;
 		width: 90%;
 		background-color: #FFFFFF;
 		border-radius: 40rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-around;
 		align-items: center;
 		margin-top: 75rpx;
 		
 	}
	/* 导航栏 */
	
	.one{
		
		height: 150rpx;
		width: 150rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ima{
		height: 80rpx;
		width: 80rpx;
		
	}
	.te{
		width: 100rpx;
		height: 50rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		
		
	}
	.tabbar{
		height: 150rpx;
		width: 100%;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		z-index: 5rpx;
		position: fixed;
		bottom: 0rpx;
	}
 </style>
 